 @import "elements.less";
 

    #contentFrame{
        width:90%;
        border:none;
    }

    .leftPanel{
        width:15%;
        border:1px solid blue;
        float:left;
    }
    .centerPanel{
        width:70%;
        border:1px solid blue;        
        float:left;
        padding:0 10px;
    }
    .rightPanel{
        border:1px solid blue;        
        float:left;
    }
    .centerPanel h3{
        text-align: center;
    }

div.widget
{
    position:relative;
    width:99%;
    padding:0;
    margin:0 auto;
    margin-bottom:10px;
    .bordered(#C4CDE0,#C4CDE0,#C4CDE0,#C4CDE0);
    .border-radius(10px,0,0,10px);

   
   .wHeader
   {        
        width:99%;
        margin:0 auto;
        height:30px;
        background-color:#F1F1F1;                          
        color:#3B5998;
        padding-top:5px;
        padding-left:10px;
        font-weight:bold;  
        .border-radius(10px,0,0,10px);
        .headerText
        {
            float:left;
        }
        .headerSwitch
        {
            float:right;
            margin-right:10px;
            display:block;
            &:hover {
                .buttonType();                
            }
            
        }                  
   }      
   .wContent
   {
        width:100%;
       
        table
        {
            margin:10px auto;            
        }
        th
        {
            text-align:right;
        }
   }
   .wFooter
   {
        width:100%;
        height:30px;
        background-color:#E7EBF2;
        border:1 solid red;
        div.saveChange
        {
            padding:5px 10px;
            display:block;
            float:left;
            text-decoration:none;
            &:hover{
                text-decoration:underline;
                background-color:#1A356E;
                font-weight:bold;
                color:white;
                .buttonType();
            }
        }
   }
}    
  
 .cpw td span
 {
    color:red;
 }                    
                      